/* 
 import Vue from 'vue'
import App from './App.vue'
new Vue({
  render:h=>h(App)
}).$mount('#app')

Vue.prototype.$http = gsdfgdgsdfg


Proxy
 */

import { createApp, h } from 'vue'
import App from './userVuex/App.vue'
import store from './userVuex/store/index'
import router from './userVuex/router/index'

let app = createApp(App)
// let app = createApp({
//   // data,
//   // methods
//   render() {
//     return h(App)
//   }
// })
// app.config.globalProperties.$http = function () { }
// app.directive('color', {
//   mounted(el, obj) {
//     el.style.color = obj.value
//   }
// })
// app.mixin({
//   setup() {
//     // 不支持
//     console.log(888)
//   },
//   beforeCreate() {
//     console.log(6666)
//   },
// })
// console.log(store)
app.use(store).use(router)
// globalProperties这个属性可以实现 Vue.prototype.xxx的功能
app.mount('#app')

/* 
Vue.mixin --> app.mixin
Vue.directive  --> app.directive
Vue.component  --> app.component
Vue.use  --> app.use


*/
